<template>
	<view>
		<cu-custom bgColor="bg-gradual-blue" title="工伤申报"
		:isBack="true" backText="返回"></cu-custom>
		<view class="div workInjuryDeclaration" @click="workInjuryDec">
			<image src="/pages/society/home/static/bg1@1.5x.png" class="workInjuryDecImg"></image>
			<view class="text">工伤事故<text class="endText">申报</text></view>
			<view class="cuIcon-right text-gray right"></view>
		</view>
		<view class="div laborAbilityAppraisal" @click="laborAbilityAppr">
			<image src="/pages/society/home/static/bg2@1.5x.png" class="workInjuryDecImg"></image>
			<view class="text">劳动能力鉴定<text class="endText">申请</text></view>
			<view class="cuIcon-right text-gray right"></view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			//this.$Router.push({name: "workInjuryCaseInfo", params: {personInfo:this.personInfo}})
			workInjuryDec(){
				this.$Router.push({name: "workInjuryPersonInfo"});
			},
			laborAbilityAppr(){
				this.$Router.push({name: "laborAbilityAppraisal"});
			}
		}
	}
</script>

<style>
page{
		background-color: #ffffff;
	}
.div{
	width: 660rpx;
	height: 166rpx;
	margin-left: 45rpx;
	margin-right: 46rpx;
	background: #FFFFFF;
	border: 2rpx solid #CCCCCC;
	border-radius: 7rpx;
	position: absolute;
}
.workInjuryDeclaration{
	margin-top: 166rpx;
}
.laborAbilityAppraisal{
	margin-top: 460rpx;
}
.workInjuryDecImg{
	width: 211rpx;
	height: 166rpx;
}
.text{
	position: absolute;
	left:299rpx;
	top:56rpx;
	font-family: PingFangSC-Regular;
	font-size: 34rpx;
	color: #333333;
	letter-spacing: 0;
}
.endText{
	font-family: PingFangSC-Regular;
	font-size: 34rpx;
	color: #3473DF;
	letter-spacing: 0;
	line-height: 48rpx;
}
.right{
	position: absolute;
	right:33rpx;
	top:56rpx;
	font-size: 32rpx;
}
</style>
